<!doctype html>
<html lang="zh-CN">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
	@-webkit-keyframes mymove /* Safari and Chrome */
	{
		from {-webkit-transform: rotate(0deg);opacity:1}
		to {-webkit-transform: rotate(-21600deg);opacity:0}
	}
	@-webkit-keyframes mymove2 /* Safari and Chrome */
	{
		from {-webkit-transform: rotate(0deg);opacity:0}
		to {-webkit-transform: rotate(-21600deg);opacity:1}
	}
	img{
		position:relative;
		-webkit-animation:mymove 15s ease-in infinite; /* Safari and Chrome */
	}
  </style>
 <script>
	setTimeout(function(){
		document.getElementById('img').style ='-webkit-animation:mymove2 15s ease-out infinite;' 
	},15000)
	setTimeout(function(){
		document.getElementById('img').style ='-webkit-animation:none' 
	},30000)
</script>
 </head>
 <body>
 	<p>目前只支持Safari and Chrome</p>
	<img id="img" src="617925d5fce35b40d471a7d610e5c37.png" width="290" height="293" border="0" alt="">
 </body>
</html>
